<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="full-screen" content="yes"><!--UC强制全屏-->
    <meta name="browsermode" content="application"><!--UC应用模式-->
    <meta name="x5-fullscreen" content="true"><!--QQ强制全屏-->
    <meta name="x5-page-mode" content="app"><!--QQ应用模式-->
    <link rel="icon" href="icon/Logo.ico">
    <title>Alone 导航</title>
    <meta name="keywords" content="网站导航,导航页,浏览器主页,自定义"/>
    <meta name="description" content="自用导航页（HTML，jQuery，CSS），可定义多个搜索引擎，自由添加和编辑主页及侧栏快捷方式，兼容手机浏览器。">
    <script src="./js/jquery-3.4.1.min.js"></script>
    <script src="./js/jQuery.rTabs.js"></script>
    <script src="./js/js.cookie.js"></script>
    <script src="./js/sou.js"></script>
    <link rel="stylesheet" href="./font_1230786_swt4kkie8ym/iconfont.css">
    <link rel="stylesheet" href="./font_1614281/iconfont.css">
    <script src="./font_1230786_swt4kkie8ym/iconfont.js"></script>
    <link rel="stylesheet" href="./css/sou.css">
</head>
<body>

<!-- 侧栏 -->
<div id="menu"><i></i></div>

<div class="side closed">

    <div class="tab-nav j-tab-nav">

        <a href="javascript:void(0);" class="current">书签</a>

        <a href="javascript:void(0);">设置</a>

        <a href="javascript:void(0);">我的</a>

    </div>

    <div class="tab-con">

        <div class="j-tab-con">
            <!--书签-->
            <div class="tab-con-item" style="display:block;">

                <div class="list">
                    <ul>
                        <!------>
                        <li class="title"><i class="iconfont icon-youxiang"></i> 邮箱</li>
                        <li><a rel="nofollow" href="https://mail.google.com/mail/u/0/#inbox" target="_blank"><i
                                class="iconfont icon-gmail" style="color: #f03;"></i>Gmail</a></li>
                        <li><a rel="nofollow" href="https://mail.163.com/" target="_blank"><i
                                class="iconfont icon-wangyi" style="color: #169;"></i>网易邮箱</a></li>
                       <li><a rel="nofollow" href="https://mail.qq.com/" target="_blank"><i
                                class="iconfont icon-QQ" style="color: #f05;"></i>QQ邮箱</a></li>
                       <!------>
                        <li class="title"><i class="iconfont icon-msg"></i> 社交</li>
                        <li><a rel="nofollow" href="https://m.hupu.com/" target="_blank"><i
                                class="iconfont icon-bolezaixian" style="color: #4267b2;"></i>虎扑</a></li>
                        <li><a rel="nofollow" href="https://m.gamer.com.tw/?t=FORUM" target="_blank"><i
                                class="iconfont icon-bolezaixian" style="color: #4267b2;"></i>巴哈姆特</a></li>
                        <li><a rel="nofollow" href="https://www.ptt.cc/bbs/index.html" target="_blank"><i
                                class="iconfont icon-bolezaixian" style="color: #4267b2;"></i>ptt</a></li>
                        <li><a rel="nofollow" href="https://www.douban.com/" target="_blank"><i
                                class="iconfont icon-douban" style="color: #072;"></i>豆瓣</a></li>
                        <li><a rel="nofollow" href="https://www.instagram.com" target="_blank"><i
                                class="iconfont icon-instagram" style="color: #93009f;"></i>Instagram</a></li>
                        <li><a rel="nofollow" href="https://www.twitter.com" target="_blank"><i
                                class="iconfont icon-twitter" style="color: #00bcff;"></i>Twitter</a></li>
                        <li><a rel="nofollow" href="https://www.zhihu.com/" target="_blank"><i
                                class="iconfont icon-zhihu" style="color: #0084ff;"></i>知乎</a></li>
                        <!------>
                        <li class="title"><i class="iconfont icon-shipin"></i> 视频媒体</li>
                        <li><a rel="nofollow" href="https://www.youtube.com/" target="_blank"><i
                                class="iconfont icon-youtube" style="color:#f03;"></i>Youtube</a></li>
                        <li><a rel="nofollow" href="https://v.qq.com/" target="_blank"><i
                                class="iconfont icon-tengxunshipin" style="color:#2a0;"></i>腾讯视频</a></li>
                        <li><a rel="nofollow" href="https://www.youku.com/" target="_blank"><i
                                class="iconfont icon-youku" style="color:#09e;"></i>优酷</a></li>
                        <li><a rel="nofollow" href="https://www.iqiyi.com/" target="_blank"><i
                                class="iconfont icon-aiqiyi" style="color:#1d0;"></i>爱奇艺</a></li>
                        <li><a rel="nofollow" href="http://www.zmz2019.com/" target="_blank"><i
                                class="iconfont icon-zimu" style="color: #067;"></i>字幕组</a></li>
                        <li><a rel="nofollow" href="http://www.acfun.cn/index.html" target="_blank"><i
                                class="iconfont icon-acfun" style="color:#f33;"></i>ACFUN</a></li>
                        <li><a rel="nofollow" href="https://www.bilibili.com/" target="_blank"><i
                                class="iconfont icon-bili" style="color:#09e;"></i>哔哩哔哩</a></li>

                        <li class="title"><i class="iconfont icon-ai-tool"></i> 工具</li>
                        <li><a rel="nofollow" href="http://via-app.cn" target="_blank"><i
                                class="iconfont icon-cloud-download" style="color: #148bfe;"></i>Via插件</a></li>
                        <li><a rel="nofollow" href="/ip/" target="_blank"><i class="iconfont icon-wangluo"
                                                                             style="color: #02f;"></i>IP查询</a>
                        </li>
                        <li><a rel="nofollow" href="https://translate.google.cn/?hl=zh-CN" target="_blank"><i
                                class="iconfont icon-fanyi" style="color: #02f;"></i>谷歌翻译</a></li>
                        <li><a rel="nofollow" href="http://www.slimego.cn/" target="_blank"><i
                                class="iconfont icon-shilaimu" style="color: #0f89c2;"></i>史莱姆</a></li>
                        <li><a rel="nofollow" href="https://gugeji.com/" target="_blank"><i
                                class="iconfont icon-google" style="color:#4285f4"></i>镜像</a></li>
                        <li><a rel="nofollow" href="https://pan.baidu.com" target="_blank"><i
                                class="iconfont icon-baiduyun" style="color: #148bfe;"></i>百度网盘</a></li>
                        <li><a rel="nofollow" href="https://www.mdeditor.com/" target="_blank"><i
                                class="iconfont icon-md" style="color:#09f;"></i>MD编辑器</a></li>

                        <li><a rel="nofollow" href="https://javascriptobfuscator.com/Javascript-Obfuscator.aspx"
                               target="_blank"><i class="iconfont icon-jshunxiao" style="color: #48c;"></i>JS混淆器</a>
                        </li>
                        <li><a rel="nofollow" href="https://ping.pe" target="_blank"><i
                                class="iconfont icon-wangluo1" style="color:#1d0;"></i>Ping.pe</a></li>
                        <li><a rel="nofollow" href="https://ping.chinaz.com/" target="_blank"><i
                                class="iconfont icon-pingup" style="color:#2361ad;"></i>站长Ping</a></li>
                        <li><a rel="nofollow" href="https://apkdl.in/" target="_blank"><i
                                class="iconfont icon-anzhuo" style="color:#094;"></i>APK下载</a></li>
                        <!------>
                        <li class="title"><i class="iconfont icon-kongzhitai"></i> 开发</li>
                        <li><a rel="nofollow" href="http://www.w3school.com.cn/" target="_blank"><i
                                class="iconfont icon-h5" style="color:#c03;"></i>W3school</a></li>
                        <li><a rel="nofollow" href="https://github.com/" target="_blank"><i
                                class="iconfont icon-github"></i>Github</a></li>
                        <li><a rel="nofollow" href="https://codepen.io/" target="_blank"><i
                                class="iconfont icon-codepen"></i>Codepen</a></li>
                        <li><a rel="nofollow" href="https://www.52pojie.cn/" target="_blank"><i
                                class="iconfont icon-theater-masks" style="color:#f03;"></i>吾爱破解</a></li>
                        <li><a rel="nofollow" href="https://segmentfault.com/" target="_blank"><i
                                class="iconfont icon-msg" style="color:#096;"></i>SF思否</a></li>
                        <li><a rel="nofollow" href="https://cdnjs.com/" target="_blank"><i
                                class="iconfont icon-cdnjs" style="color: #e52;"></i>CdnJs</a></li>
                        <li><a rel="nofollow" href="https://fontawesome.com/icons?d=gallery&m=free"
                               target="_blank"><i class="iconfont icon-font-awesome" style="color: #4af;"></i>Font
                            A.</a></li>
                        <li><a rel="nofollow" href="https://msdn.itellyou.cn/" target="_blank"><i
                                class="iconfont icon-windows" style="color: #48c;"></i>MSDN下载</a></li>
                        <li><a rel="nofollow" href="https://dash.cloudflare.com/" target="_blank"><i
                                class="iconfont icon-cloudflare" style="color: #f37f20;"></i>C. flare</a></li>
                        <li><a rel="nofollow" href="https://www.swiper.com.cn/" target="_blank"><i
                                class="iconfont icon-S" style="color:#065fe3;"></i>Swiper</a></li>
                    </ul>
                </div>

            </div>
            <!--书签 end-->
            <!--设置-->
            <div class="tab-con-item">

                <div class="set">
                    <!--搜索引擎设置-->
                    <div class="set_blocks">
                        <div class="set_blocks_title">搜索引擎</div>
                        <div class="set_blocks_content">
                            <div class="se_list">
                                <table class="se_list_table">
                                    <tr>
                                        <td><span class="iconfont iconhome"></span></td>
                                        <td>百度</td>
                                        <td>
                                            <button class="set_se_default" value="baidu"><span
                                                    class="iconfont iconstrore-add"></span></button>
                                            &nbsp;
                                            <button class="edit_se" value="baidu"><span
                                                    class="iconfont iconbook-edit"></span></button>
                                            &nbsp;
                                            <button class="delete_se" value="baidu"><span
                                                    class="iconfont icondelete"></span></button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td>谷歌</td>
                                        <td>
                                            <button class="set_se_default" value="google"><span
                                                    class="iconfont iconstrore-add"></span></button>
                                            &nbsp;
                                            <button class="edit_se" value="google"><span
                                                    class="iconfont iconbook-edit"></span></button>
                                            &nbsp;
                                            <button class="delete_se" value="google"><span
                                                    class="iconfont icondelete"></span></button>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="se_add_preinstall">
                                <button class="set_se_list_add"><span class="icon iconfont icontianjia"></span>新增
                                </button>
                                <button class="set_se_list_preinstall"><span class="icon iconfont iconjinggao"></span>重置
                                </button>
                            </div>
                            <div class="add_content se_add_content" style="display:none;">
                                <div class="from_items">
                                    <p><b>顺序:</b></p>
                                    <input type="hidden" name="key_inhere">
                                    <input type="number" name="key" placeholder="填入正整数">
                                </div>
                                <div class="from_items">
                                    <p><b>名称:</b></p>
                                    <input type="text" name="title" placeholder="网站名称">
                                </div>
                                <div class="from_items">
                                    <p><b>网址:</b></p>
                                    <input type="url" name="url" placeholder="以“https:”或“http:”开头的URL">
                                </div>
                                <div class="from_items">
                                    <p><b>搜索字段名:</b></p>
                                    <input type="text" name="name" placeholder="URL中“?”后的字段">
                                </div>
                                <div class="from_items">
                                    <p><b>图标:</b></p>
                                    <input type="text" name="img" placeholder="图片地址">
                                </div>
                                <div class="from_items button">
                                    <button class="se_add_save">保存</button>
                                    <button class="se_add_cancel">取消</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--搜索引擎设置 end-->
                    <!--快捷方式设置-->
                    <div class="set_blocks">
                        <div class="set_blocks_title">快捷方式</div>
                        <div class="set_blocks_content">
                            <div class="quick_list">
                                <table class="quick_list_table">
                                    <tr>
                                        <td>1.&nbsp;</td>
                                        <td>哔哩哔哩</td>
                                        <td>
                                            <button class="edit_quick" value="1">
                                                <span class="iconfont iconbook-edit"></span>
                                            </button>
                                            &nbsp;
                                            <button class="delete_quick" value="1">
                                                <span class="iconfont icondelete"></span>
                                            </button>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>2.&nbsp;</td>
                                        <td>知乎</td>
                                        <td>
                                            <button class="edit_quick" value="2">
                                                <span class="iconfont iconbook-edit"></span>
                                            </button>
                                            &nbsp;
                                            <button class="delete_quick" value="2">
                                                <span class="iconfont icondelete"></span>
                                            </button>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="se_add_preinstall">
                                <button class="set_quick_list_add">
                                    <span class="icon iconfont icontianjia"></span>新增
                                </button>
                                <button class="set_quick_list_preinstall">
                                    <span class="icon iconfont iconjinggao"></span>重置
                                </button>
                            </div>
                            <div class="add_content quick_add_content" style="display:none;">
                                <div class="from_items">
                                    <p><b>顺序:</b></p>
                                    <input type="hidden" name="key_inhere">
                                    <input type="number" name="key" placeholder="填入正整数">
                                </div>
                                <div class="from_items">
                                    <p><b>名称:</b></p>
                                    <input type="text" name="title" placeholder="网站名称">
                                </div>
                                <div class="from_items">
                                    <p><b>网址:</b></p>
                                    <input type="url" name="url" placeholder="以“https:”或“http:”开头的URL">
                                </div>
                                <div class="from_items">
                                    <p><b>图标:</b></p>
                                    <input type="text" name="img" placeholder="图片地址">
                                </div>
                                <div class="from_items button">
                                    <button class="quick_add_save">保存</button>
                                    <button class="quick_add_cancel">取消</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--快捷方式设置 end-->
                    <!--主题设置-->
                    <div class="set_blocks">
                        <div class="set_blocks_title">主题</div>
                        <div class="set_blocks_content">
                            <div id="themes">
                                <input type="button" class="but-ordinary but-active" value="明亮">
                                <button class="but-ordinary set-theme" data-id="2">黑暗</button>
                            </div>
                        </div>
                    </div>
                    <!--主题设置 end-->
                    <!--壁纸设置-->
                    <div class="set_blocks">
                        <div class="set_blocks_title">壁纸</div>
                        <div class="set_blocks_content">
                            <div class="from_container">
                                <div class="from_row">
                                    <div class="from_row_title"><b>壁纸设置</b></div>
                                    <div class="from_row_content">
                                        <div id="wallpaper">
                                            <input type="radio" class="set-wallpaper" name="wallpaper-type" value="1"> 默认
                                            <input type="radio" class="set-wallpaper" name="wallpaper-type" value="2"> 无
                                            <input type="radio" class="set-wallpaper wallpaper-custom" name="wallpaper-type" value="3"> 自定义
                                        </div>
                                    </div>

                                </div>
                                <div id="wallpaper_url" style="display:none;">
                                    <div class="from_row">
                                        <div class="from_row_title"><b>自定义图片地址：</b></div>
                                        <div class="from_row_content">
                                            <input type="text" name="wallpaper-url" id="wallpaper-url">
                                        </div>
                                    </div>
                                    <div class="from_row">
                                        <div class="from_row_content right">
                                            <button class="but-ordinary wallpaper-submit">保存</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--壁纸设置 end-->
                    <!--导入|导出-->
                    <div class="set_blocks">
                        <div class="set_blocks_title">数据备份</div>
                        <div class="set_blocks_content">
                            <div>
                                <button class="but-ordinary" id="my_data_in">导入</button>
                                <button class="but-ordinary" id="my_data_out">导出</button>
                                <input type="file" id="my_data_file" name="file" style="display: none">
                            </div>
                        </div>
                    </div>
                    <!--导入|导出 end-->
                </div>

            </div>
            <!--设置 end-->
            <!--我的-->
            <div class="tab-con-item">

                <div class="me">
                    <p><img src="./icon/user.png"></p>
                </div>
            </div>
            <!--我的 end-->
        </div>

    </div>

</div>
<!-- 侧栏 end -->

<!--搜索框和书签-->
<div id="content">
    <div class="con">

        <!--一般搜索框上面都有的图片↓-->
<!--        <div class="shlogo"></div>-->

        <div class="sou">
            <form class="search" action="https://www.baidu.com/s">
                <img class="se" src="./icon/baidu.ico" title="点击切换搜索引擎">
                <input class="wd" type="text" name="wd" placeholder="请输入搜索内容" autocomplete="off">
                <button class="s">
                    <i style="font-size: 20px;" class="iconfont icon-sousuo"></i>
                </button>
            </form>
            <div id="keywords" style="display: none;"></div>
            <div class="search-engine" style="display: none;">
                <div class="search-engine-head">
                    <strong class="search-engine-tit">选择搜索引擎：</strong>
                </div>
                <span class="search-engine-tip"></span>
                <ul class="search-engine-list">
                    <li class="se-li" data-url="https://www.baidu.com/s" data-name="wd" data-img="./icon/baidu.ico">
                        <img src="./icon/baidu.ico">百度
                    </li>
                    <li class="se-li" data-url="https://www.google.com/search" data-name="q" data-img="./icon/google_1.png">
                        <img src="./icon/google_1.png">谷歌
                    </li>
                    <li class="se-li" data-url="https://cn.bing.com/search" data-name="q" data-img="./icon/bing.ico">
                        <img src="./icon/bing.ico">必应
                    </li>
                    <li class="se-li" data-url="https://www.dogedoge.com/results" data-name="q" data-img="./icon/doge_ico.png">
                        <img src="./icon/doge_ico.png">多吉
                    </li>
                    <li class="se-li" data-url="https://mijisou.com" data-name="q" data-img="./icon/mijisou.png">
                        <img src="./icon/mijisou.png">秘迹
                    </li>
                    <li class="se-li" data-url="https://seeres.com/search" data-name="q" data-img="./icon/seeres.png">
                        <img src="./icon/seeres.png">seeres*
                    </li>
                </ul>
            </div>
            <div class="quick-div">
                <ul class="quick-ul">
                    <li class="quick" data-s="bilibili" title="哔哩哔哩 (゜-゜)つロ 干杯~">
                        <a href="https://www.bilibili.com/">
                            <i style="background-image: url(./icon/bilibili.png);"></i>
                            哔哩哔哩
                        </a>
                    </li>
                    <li class="quick" data-s="github" title="GitHub">
                        <a href="https://github.com/">
                            <i style="background-image: url(./icon/github.ico);"></i>
                            GitHub
                        </a>
                    </li>
                    <li class="quick" data-s="v2ex" title="V2EX">
                        <a href="https://www.v2ex.com/">
                            <i style="background-image: url(./icon/v2ex.png);"></i>
                            V2EX
                        </a>
                    </li>
                    <li class="quick" data-s="steam" title="Steam">
                        <a href="https://store.steampowered.com/">
                            <i style="background-image: url(./icon/steam.ico);"></i>
                            Steam
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <div class="foot">
        Made with by <b>yeetime</b>&nbsp;
        <a rel="nofollow" href="https://github.com/yeetime/sou2" target="_blank" style="font-size: 12px;">
            <i class="iconfont icon-github"></i>
        </a>
    </div>
</div>
<!--搜索框和书签 end-->

<!--
作者:D.Young
主页：https://yyv.me/
github：https://github.com/5iux/sou
日期：2019-07-26
版权所有，请勿删除
❶❷❸❹❺❻❼❽❾❿
由 yeetime 修改
github：https://github.com/yeetime/sou2
日期：2019-12-13
-->
</body>
</html>